<!DOCTYPE html>
<html>
<head lang="zh">
    <meta charset="UTF-8">
    <title>彩妆护肤</title>
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="./huazhuang.js"></script>
    <link rel="stylesheet" href="./huazhuang.css"/>
    <link rel="stylesheet" href="./lunbostyle.css"/>
    <script type="text/javascript" src="./banner.js"></script>

</head>
<body>
<!--导航-->
<nav class="navbar">
            <!--<div class="zp1">-->
                <!--<img style="width: 80px;height: 70px" src="./zp.jpg" alt=""/>-->
            <!--</div>-->
    <div class="dh">

                <div class="span3 font-dh">
                    <a href="#">首页</a>
                </div>


                <div class="span3 font-dh">
                    <a href="#">彩妆</a>
                </div>


        <div class="span3 font-dh">
            <a href="#">护肤</a>
        </div>


        <div class="span3 font-dh">
            <a href="#">必备单品</a>
        </div>

    </div>

</nav>

<!--轮播-->

<div style="padding:50px;margin-top: -7px ">
    <div class="outer" id="outer" style="margin-top: 30px">
        <div style="width: 1408px" id="banner">
            <div class="img" id="img-1"></div>
            <div class="img" id="img-2"></div>
            <div class="img" id="img-3"></div>
            <div class="img" id="img-4"></div>
        </div>
    </div>
    <div class="button-1">
    <button onclick="ban.toggle(-1)">前一张</button>
    <button onclick="ban.toggle(1)">后一张</button>
    </div>
</div>

<!--正文-->
<div>
    <div class="img-zw">
        <img src="./zp.jpg" alt=""/>
    </div>
    <div class="img-wz">
        美美的口红
    </div>

    <div class="img-zw2">
        <img src="./zp.jpg" alt=""/>
    </div>
    <div class="img-wz2">
        客户从肌肤车速为女陈师傅 反对佛宝
    </div>
</div>

<div>
    <div class="img-zw">
        <img src="./zp.jpg" alt=""/>
    </div>
    <div class="img-wz">
        ddeeddcccxxsddcxcfcx
    </div>

    <div class="img-zw2">
        <img src="./zp.jpg" alt=""/>
    </div>
    <div class="img-wz2">
        富户贷款的考试机会覅见效快
    </div>
</div>
<div>
    <div class="img-zw">
        <img src="./zp.jpg" alt=""/>
    </div>
    <div class="img-wz">
        ddeeddcccxxsddcxccxddfvcdezcfdfcx
    </div>

    <div class="img-zw2">
        <img src="./zp.jpg" alt=""/>
    </div>
    <div class="img-wz2">
        ddeeddcccxxsddcxccxddfvcdezcfdfcx
    </div>
</div>















</body>
</html>